<?php if(!isset($_SESSION)){session_start();}; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Poster Thailand</title>
<link href="<?php echo WEB_URL;?>/styles/style.css" rel="stylesheet" />
<link href="<?php echo WEB_URL;?>/styles/ads.css" rel="stylesheet" />
<link type="text/css" href="<?php echo WEB_URL;?>/styles/ui-lightness/jquery-ui-1.8rc2.custom.css" rel="stylesheet" />

<!-- StyleSheet Plugin-->
<link type="text/css" href="<?php echo WEB_URL;?>/styles/jqtransform.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.wysiwyg.css" type="text/css" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.wysiwyg.modal.css" type="text/css" />
<link rel="stylesheet" href="<?php echo WEB_URL;?>/styles/jwysiwyg/jquery.simplemodal.css" type="text/css" />
<link type="text/css" href="<?php echo  WEB_URL;?>/styles/vtip.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php echo  WEB_URL;?>/styles/validationEngine.jquery.css" type="text/css" media="screen"/>

<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jquery-ui-1.8rc2.custom.min.js"></script>

<!-- Script Plugin -->
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jquery.jqtransform.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/tab.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jwysiwyg/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jwysiwyg/jquery.simplemodal.js"></script>
<script type="text/javascript" src="<?php echo WEB_URL;?>/scripts/jquery/jwysiwyg/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="<?php echo  WEB_URL;?>/scripts/jquery/vtip.js"></script>
<script src="<?php echo  WEB_URL;?>/scripts/jquery/jquery.validationEngine-th.js" type="text/javascript"></script>
<script src="<?php echo  WEB_URL;?>/scripts/jquery/jquery.validationEngine.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	
	var invoice;
	
	$('#transfer_report input[type="text"]').attr('size','28');
	
	$('form').jqTransform({imgPath:'<?php echo  WEB_URL;?>/styles/images/jqtransform/'});
	
	$('#transfer_report').validationEngine();
	
	$("#transfer_report div.jqTransformSelectWrapper ul li a").click(function(){
		var value= $(this,"#transfer_report div.jqTransformSelectWrapper span").text();		
		invoice = value;
		//alert("Value Selected = "+value);
		$.ajax({
			type: "POST",
			url: "../query.php",
			data: {	get_invoice_details:true, inv:value},
			dataType: 'json',
			success: function(msg){	
				$type	= (msg.details[0]=='banner' ? 'ติดแบนเนอร์' : 'ปักหมุด');
				$('#type').val($type);
				$('#date_saved').val(msg.details[1]);
				$('#total_money').val(msg.details[2]);
			}			   
		});
		return false; //prevent default browser action
	});
	$('#transfer_detail').wysiwyg();

	$( "#date_transfer" ).datepicker();
	
	$('form#transfer_report').submit(function(){
		invoice = (typeof(invoice)=='undefined' ? $('#invoice').val() : invoice);
		var type	= $('#type').val();
		var date_saved = $('#datesaved').val();
		var total_price= $('#total_money').val();
		var money_transfer = $('#money_transfer').val();
		var date_transfer = $('#date_transfer').val();
		var time_transfer = $('#time_transfer').val();
		var to_bank = $('input[name=bank]:checked').val()
		var from_bank = $('#from_bank').val();
		var from_branch = $('#from_branch').val();
		var detail = $('#transfer_detail').val();		
		var hasError = $('div').hasClass('formError');
		
		if(!hasError){
			if(inv != ''){
				$.ajax({
					type: "POST",
					url: "../query.php",
					data: {	order_confirm:true, 
							inv:invoice,
							type:type,
							date_saved:date_saved,
							total_price:total_price,
							money_transfer:money_transfer,
							date_transfer:date_transfer,
							time_transfer:time_transfer,
							to_bank:to_bank,
							from_bank:from_bank,
							from_branch:from_branch,
							detail:detail},
					dataType: 'json',
					success: function(msg){	
						if(msg.status){
							location.href='?m=profile&p=dashboard';
						}else{
							alert(msg.status);
						}
					}			   
				});
			}else{
				alert('ท่านไม่มีรายการที่ต้องชำระ');
			}
		}else{
			alert('ท่านไม่มีรายการที่ต้องชำระ');
		}
		return false;
	});
	
});
</script>

</head>

<body>
	<div class="page">
    
    	<?php require_once('../header.php');?>
        
        <div class="content">
        	<div id="wrap_top">
            	<div id="wrap_top_left">
                	<!--<div id="wrap_ads">                	 
                        <div id="wrap_728x90"></div>
                	</div>-->
   
                    <div class="tabs">
                          <a tab="#tab_transfer_report">แจ้งการชำระเงิน</a>              
                    </div>
            
                    <div id="tab_transfer_report" class="tab_page" style="min-height:400px;">
                   	<?php
                    	$sql 	= 'SELECT invoice,type FROM order_ads WHERE username="'.$_SESSION['usr'].'" AND status=0';
						$default_type = 'SELECT invoice,type,created_at,total FROM order_ads WHERE username="'.$_SESSION['usr'].'"  AND status=0 ORDER BY id LIMIT 1';
						$q 		= $db->select_query($sql);
					?>
                      <form action="#" method="post" id="transfer_report">
                            <table width="730" border="0" cellspacing="2" cellpadding="4">
                              <tr>
                                <td style="text-align: right"><strong>Invioce#</strong></td>
                                <td colspan="3">
                               	  <select name="invioce" id="invoice">
                                  <?php
								  while($inv = $db->fetch($q)){									
								  	echo '<option value="'.$inv['invoice'].'">'.$inv['invoice'].'</option>';									
								  }
								  ?>
                                  </select>
                                </td>
                              </tr>
                              <?php
	                            $default_q = $db->select_query($default_type);
								$default= $db->fetch($default_q);
								$type	= ($default['type']=='banner')? 'ติดแบนเนอร์' : 'ปักหมุด';
							  ?>
                              <tr>
                                <td width="173" style="text-align: right"><strong>ลงโฆษณาแบบ</strong></td>
                                <td colspan="3">
                                	<input type="text" id="type" disabled="disabled" value="<?php echo $type;?>"/>
                               	</td>
                              </tr>
                              <tr>
                                <td valign="top" style="text-align: right"><strong>วันที่ทำรายการ</strong></td>
                                <td colspan="3">
                                	<input type="hidden" id="datesaved" value="<?php echo $default['created_at'];?>"/>
                                	<input 	type="text" name="date_saved" id="date_saved" disabled="disabled" value="<?php echo ThaiTimeConvert($default['created_at'],0,1);?>"/>
                               	</td>
                              </tr>
                              <tr>
                                <td style="text-align: right"><strong>ค่าลงโฆษณารวม(บาท)</strong></td>
                                <td colspan="3">
                                	<input type="text" name="total_money" id="total_money" disabled="disabled" value="<?php echo $default['total'];?>"/>
                              	</td>
                              </tr>
                              <tr>
                                <td style="text-align: right"><strong>จำนวนเงินที่โอน</strong></td>
                                <td colspan="3">
                                	<input type="text" class="vtip validate[required]" name="money_transfer" id="money_transfer" title="จำนวนเงินที่ท่านโอนรวมเศษสตางค์ เช่น 1000.50 บาท"/>
                              	</td>
                              </tr>
                              <tr>
                                <td style="text-align: right;" valign="top"><strong>วันที่โอนเงิน </strong></td>
                                <td colspan="3"><div id="date_transfer"></div></td>
                              </tr>
                              <tr>
                                <td style="text-align: right"><strong>เวลาที่โอน</strong></td>
                                <td colspan="3">
                                	<input type="text" id="time_transfer" class="vtip validate[required]" title="เวลาที่ทำรายการโอนเงิน"/>
                                </td>
                              </tr>
                              <tr>
                                <td style="text-align: right" valign="top"><strong>ธนาคารที่โอนเงินเข้า</strong></td>
                                <td colspan="3">
                                	<table>
                                        <tbody>
                                        <?php
                                            $sql 	= 'SELECT `banks`.* FROM `banks` ORDER BY `banks`.`id`';
                                            $q 		= $db->select_query($sql);
                                            while($bank = $db->fetch($q)){
                                        ?>
                                            <tr>
                                            	<td><input type="radio" name="bank" id="bankid" value="<?php echo $bank['id'];?>" class="validate[required]"/></td>
                                                <td>
                                                <p style="margin: 25px 10px 25px;"><img src="../styles/images/bank_images/<?php echo $bank['logo'];?>"  /></p>
                                                </td>
                                                <td>
                                                <span>
                                                    <p style="margin:8px 0px;"><strong>ธนาคาร:</strong> <?php echo $bank['name'];?></p>
                                                    <p style="margin:8px 0px;"><strong>หมายเลขบัญชี:</strong> <?php echo $bank['account_id'];?></p>
                                                    <p style="margin:8px 0px;"><strong>สาขา:</strong> <?php echo $bank['branch'];?></p>
                                                    <p style="margin:8px 0px;"><strong>ชื่อบัญชี:</strong> <?php echo $bank['account_name'];?></p>
                                                </span>
                                                </td>
                                            </tr>
                                        <?php
                                            }
                                        ?>
                                        </tbody>
                                    </table>
                                </td>
                              </tr>
                              <tr>
                                <td style="text-align: right"><strong>ธนาคารต้นทางที่โอน</strong></td>
                                <td width="23">
                                	<input type="text" name="from_bank" id="from_bank" title="ชื่อธนาคารที่ท่านได้ทำรายการโอนเงิน" class="vtip validate[required]"/>
                                </td>
                                <td width="35"><strong>สาขา</strong></td>
                                <td width="329">
                                	<input type="text" name="from_branch" id="from_branch" title="สาขาที่ท่านทำรายการ <br/>ถ้าทำรายการผ่านตู้ ATM ให้ระบุสถานที่ เช่น ทำรายการผ่านตู้ ATM ที่ central world" class="vtip validate[required]"/>
                                </td>
                              </tr>
                              <tr>
                                <td valign="top" style="text-align: right"><strong>รายละเอียดอื่นๆ</strong></td>
                                <td colspan="3">
                                	<textarea name="jw" id="transfer_detail" rows="15" cols="72" class="vtip" ></textarea>
                                    <p style="color:red;">
                                    	รายละเอียดอื่นๆ เช่น เบอร์โทรศัพท์ของคุณสำหรับติดต่อกลับ หรือรายละเอียดที่คุณต้องการแจ้งกับเจ้าหน้าที่ เป็นต้น
                                    </p>
                                </td>
                              </tr>
                              <tr>
                                <td valign="top" style="text-align: right">&nbsp;</td>
                                <td colspan="3">
                                
                                <input type="submit" id="confirm" value="แจ้งการโอนเงิน" />
                                </td>
                              </tr>
                            </table>
    
                        </form>
                    </div>
                    
                    <script type="text/javascript">
                    <!--
                    $.tabs('.tabs a'); 
                    //-->
                    </script>
                                    
                                                                
              	</div>
              	
              	<?php require('user_menu.php');?>
                
            </div>
            
            
        </div>
        
        <?php require_once('../footer.php');?>
        
    </div>
</body>
</html>